<!DOCTYPE html>
<html>
<head>
    <!-- Author: Patrick Dengler, HobbiSoft -->   
    <meta name="description" content="IE10 Test Drive Demo" />
    <meta name="t_omni_demopage" content="1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- data-main attribute tells require.js to load
            scripts/main.js after require.js loads. -->
    <script data-main="scripts/main" src="scripts/require.js"></script>
    <link href="styles/default.css" rel="stylesheet" type="text/css" />
    <link href="styles/gameboard.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <img class="absolute full" id="backgroundImage" />
    <div id="divGameData" class="absolute topleft padded">
        <table>
            <tr>
                <td id="tdTime"></td>
            </tr>
        </table>
    </div>
    <svg class="absolute full"  height="100%" width="100%"  id="svgGame">
        <defs>
            <pattern id="pathPattern" patternUnits="userSpaceOnUse" width="90" height="90"> 
                <image href="content/images/brick.svg" x="0" y="0" width="90" height="90" /> 
            </pattern>  
        </defs>
        <g height="100%" width="100%" id=outerSVG">
            <g id="paths">
            </g>
        </g>
    </svg>
    <canvas class="absolute full"id="canvasGame"></canvas>
    <button onclick="testAudio('thrust');">Play</button>
    <div id="dialogWrapper" style="visibility:hidden;position:absolute;z-index:120;background-image:url('media/DialogDefault/bannerbackground.svg');background-repeat:no-repeat;">
        <div class="dialogContentWrapper">
            <div class="dialogTitle" id="dialogTitle">Title</div>
            <div class="dialogMessage" id="dialogMessage"></div>
            <div class="dialogInteration" >
    <!--            Dialog button i\d's are bitwise operators-->
                <button id="btnDialog16" onclick="btnCustom()">{custom}</button>
                <button id="btnDialog4" onclick="btnPrevious()">Previous</button>
                <button id="btnDialog8" onclick="btnNext()">Next</button>
                <button id="btnDialog1" onclick="btnOK()">OK</button>
                <button id="btnDialog2" onclick="btnCancel()">Cancel</button>
            </div>
        </div>
    </div>
</body>
</html>